.top {
    width: 100%;
    height: 10%;
    background: #797979;
}

.center {
    height: 80%;
    width: 100%;
}

.admin_menu {
    width: 100%;
    height: 100%;
}

.admin_menu ul {
    width: 100%;
    height: 100%;
    text-align: center;
}

.menu_content {
    width: 100%;
    height: 99.6%;
    padding: 0.1%;
    background: #ecf0f5;
}

.menu_content_top {
    width: 99.5%;
    height: 10%;
    border: 1px solid grey;
    margin-left: 2px;
    border-radius: 3px;
}

.breadcrumb {
    margin-top: 1.5%;
    display: block;
    width: 50%;
    float: left;
    margin-left: 2%
}

.menu_content_top img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    float: right;
    margin-top: 1.2%;
    margin-right: 2%;
}

.menu_content_top p {
    float: right;
    margin-right: 13px;
    line-height: 60px;
    color: #2F4056;
}

.menu_content_centre {
    width: 100%;
    height: 90%;
}

/*商品分类*/
.category_title {
    width: 94%;
    height: 6%;
    margin: 1% auto;
    border-radius: 5px;
}

.category_title p {
    width: 48%;
    float: left;
    margin-left: 2%;
    line-height: 30px;
}

.category_content {
    width: 100%;
    height: 89%;
}

.category_content_left {
    width: 50%;
    height: 100%;
    float: left;
}

#categoryTree {
    width: 90%;
    height: 84%;
    margin-top: 3%;
    margin-left: 6%;
    border-right: solid 1px #2F4056;
}

.category_content_right {
    width: 50%;
    height: 100%;
    float: left;
}

.category_content_right_label {
    width: 60%;
    float: left;
}

#addCategory {
    width: 30px;
    height: 30px;
    margin: 3px;
}

#addCategory:hover {
    cursor: pointer;
}
.tail {
    height: 10%;
    width: 100%;
}

.layui-nav-tree .layui-nav-bar {
    background: #ededed;
}

.layui-nav-bar {
    background: #ededed;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
    background: #797979;
}

 #steps {
     width:560px;
     margin:6px auto;
 }

.step-item {
    display: inline-block;
    line-height: 26px;
    position: relative;
    background: #ffffff;
}

.step-item-tail {
    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 13px;
}

.step-item-tail i {
    display: inline-block;
    width: 100%;
    height: 1px;
    vertical-align: top;
    background: #c2c2c2;
    position: relative;
}
.step-item-tail-done {
    background: #009688 !important;
}

.step-item-head {
    position: relative;
    display: inline-block;
    height: 26px;
    width: 26px;
    text-align: center;
    vertical-align: top;
    color: #009688;
    border: 1px solid #009688;
    border-radius: 50%;
    background: #ffffff;
}

.step-item-head.step-item-head-active {
    background: #009688;
    color: #ffffff;
}

.step-item-main {
    background: #ffffff;
    display: block;
    position: relative;
}

.step-item-main-title {
    font-weight: bolder;
    color: #555555;
}
.step-item-main-desc {
    color: #aaaaaa;
}
